<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="hotcss" content="max-width=1280">
    <title>预约列表</title>
    <script src="../js/hotcss.js"></script>
    <link rel="stylesheet" href="../css/index.min.css">
    <link rel="stylesheet" href="../css/detail.min.css">

</head>
<body>
  
    <!-- 最外层，与index公用 -->
    <div class="wrapper">
        <!-- 中间列表部分 -->
        <section class="center">
            <section class="date-select">
                <div class="selected" id="selected">
                    <!-- 12月10日
                    <div class="arrow" id="arrow"></div> -->
                </div>
                <ul class="date-list" id="date-list">
                </ul>
            </section>
            <section class="book-list">
                <div class="header">
                    <div>场次</div>
                    <div>状态</div>
                </div>
                <div class="list" id="list">
                </div>
                <div class="attention">
                    ⭐一个手机号，一天只能预约一场
                </div>
            </section>
        </section>
    </div>
    <div class="comfirm-win" id="comfirm-win">
        <div class="title">是否预约</div>
        <div class="comfirm-mes">
            <div class="cancle" id="cancle">取消</div>
            <div class="comfirm" id="comfirm">确定</div>
        </div>
    </div>
    <div class="isBooked">
        该时间段已经不能预约
    </div>
    <div id="mask"></div>
    <!-- <script src="../js/ajaxTool.js"></script> -->
    <script src="../js/list.js" type="module"></script>
</body>
</html>